<template>
    <el-tabs type="border-card">
      <el-tab-pane label="联赛排名详情">
        
        <el-table
    ref="singleTable"
    :data="tableData"
    highlight-current-row
    
    style="width: 100%">
    <el-table-column
      type="index"
      label="排名"
      width="120"
      align="center">
    </el-table-column>
    <el-table-column  width="40">
      <template slot-scope="scope">
          <el-image
            style="width: 30px; height: 30px"
            :src="scope.row.ossPath"
            fit="cover"
          ></el-image>
           </template>
      </el-table-column>
    <el-table-column
      property="teamName"
      label=""
      width="200"
      align="center">
    </el-table-column>
    <el-table-column
      property="matchTime"
      label="比赛场次"
      width="150"
      align="center">
    </el-table-column>
    <el-table-column
      
      label="胜/平/负"
      width="150"
      align="center">
      <template slot-scope="scope">
        {{scope.row.win}}/{{scope.row.draw}}/{{scope.row.defeat}}
        </template>
    </el-table-column>
    <el-table-column
      property="goal"
      label="进球数"
      align="center"
      width="150"
      >
    </el-table-column>
    <el-table-column
      property="lost"
      label="失球数"
      align="center"
      width="150"
      >
    </el-table-column>
    <el-table-column
      property="score"
      label="联赛积分"
      align="center"
      width="150"
      >
    </el-table-column>
  </el-table>
      </el-tab-pane>
    </el-tabs>
</template>

<script>
export default {
  name: 'vuetest',
  data() {
    return {
      listLoading : true,
      time: '',
      program: '',
      topRank: '',
      timeType: ['日','周','月'],
      programType: ['全部','电影','电视剧','综艺'],
      TopSelect: ['Top10','Top100'],
      columnDate: ['09-16','09-15','09-14','09-13','09-12','09-11','09-10'],
      columnDateType: ['工作日','工作日','工作日','工作日','双休日','双休日','工作日'],
      emptyData: [''],
      tableData: []
    }
  },
  created(){
    this.getList();
  },
  methods: {
    async getList() {
      const { data: res } = await this.$http.get("http://8.140.184.55:8089/score/select_all");
      
      this.listLoading = true
      if(res.code==200){
          this.tableData = res.data
          // this.total = res.data.length
          setTimeout(() => {
          this.listLoading = false
        }, 1.5 * 1000)
      }
      console.log(res.data[2].ossPath);
      // fetchList(this.listQuery).then(response => {
      //   this.list = response.data.items
      //   this.total = response.data.total

      //   // Just to simulate the time of the request
      //   setTimeout(() => {
      //     this.listLoading = false
      //   }, 1.5 * 1000)
      // })
    },
  }
}
</script>
<style scoped>
   
</style>

